<template>
  <div class="content">
    <section class="Stockduty_info">
      <div class="Stockduty_item">
        <div class="Stockduty_item_name">
          <span>登记编号：</span>
          <p>-</p>
        </div>
        <div class="Stockduty_item_name">
          <span>出质人：</span>
          <p><router-link to="/">中国振华电子集团有限公司</router-link></p>
        </div>
        <div class="Stockduty_item_name">
          <span>出质股权数：</span>
          <p>-</p>
        </div>
        <div class="Stockduty_item_name">
          <span>质权人：</span>
          <p><router-link to="/">中国电子财务有限责任公司</router-link></p>
        </div>
        <div class="Stockduty_item_name">
          <span>状态：</span>
          <p>有效</p>
        </div>
        <div class="Stockduty_item_name">
          <span>登记日期：</span>
          <p>2017-03-26</p>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  
}

</script>

<style lang="scss" scoped>
.content{
  background: #f8f8f8;
}
.Stockduty_info{
  background: #fff;
  .Stockduty_item{
    padding: 0.75rem;
    .Stockduty_item_name:first-child{
      margin-top:0; 
    }
    .Stockduty_item_name:last-child{
      margin-bottom:0; 
    }
    .Stockduty_item_name{
      display: flex;
      margin: 0.75rem 0;
      span{
        min-width: 24%;
        color: #666666;
        text-align: justify;
        text-align-last: justify;
        // letter-spacing: 0.125rem;
      }
      p{
        max-width: 76%;
        color: #333;
      }
    }
  }
}
</style>
